예제 소스 :
    <style type="text/css"  media="all">
    /* #gBtn1 */
    #gBtn1 a{display:block; background:url('./images/gBtn1_bg.gif') left 0; float:left; font:12px 굴림; color:#555; padding-left:6px; text-decoration:none; height:27px; cursor:pointer; margin-right:3px; overflow:hidden}
    #gBtn1 a:hover{background:url('./images/gBtn1_bg.gif') left -27px}
    #gBtn1 a span{display:block; float:left; background:url('./images/gBtn1_bg.gif') right 0; line-height:240%; padding-right:6px; height:27px; overflow:hidden}
    #gBtn1 a:hover span{background:url('./images/gBtn1_bg.gif') right -27px; color:#0A82A7}
    </style>

    <div id="gBtn1">
      <a href="#none"><span>0123456789</span></a>
      <a href="#none"><span>확인버튼</span></a>
      <a href="#none"><span>취소버튼</span></a>
      <a href="#none"><span>늘어나라~ 늘어나라~</span></a>
    </div>
[이 게시물은 VIRHAC님에 의해 2009-09-13 14:32:26 HTML에서 이동 됨]